import React from 'react'
import {useNavigate} from 'react-router-dom'
/*
    编程式的路由跳转使用useNavigate方法来进行跳转，使用的步骤如下
    1、导入 import {useNavigate} from 'react-router-dom'
    2、执行useNavigate    const nav=useNavigate()
    3、使用
*/
export default function Home() {
  const nav=useNavigate()
  const go=(path)=>{
    nav(path)
  }
  return (
    <div>
        <button onClick={()=>{go('/')}}>首页</button>
        <button onClick={()=>{go('/product')}}>课程中心</button>
        <button  onClick={()=>{go('/about')}}>关于我们</button>
    </div>
  )
}
